<link rel="stylesheet" type="text/css" media="screen" href="estilos/custom-theme/jquery-ui-1.8.17.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="estilos/ui.jqgrid.css" />
<style type="text/css">
html, body {
    margin: 0;
    padding: 0;
    font-size: 86.6%;
}
</style>
<script src="jscripts/js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="jscripts/js/i18n/grid.locale-es.js" type="text/javascript"></script>
<script src="jscripts/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="jscripts/scripts.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){ 
  $("#solicitudesGrid").jqGrid({
    url:'acciones/cargarSolicitudes.php',
    datatype: 'xml',
    mtype: 'GET',
    colNames:['Historia','Fecha', 'Hora', 'Tipo', 'Especialidad', 'Procedencia', 'Observaciones', 'Atendido', 'Recibio','Hospedaje','CR'],
    colModel :[ 
      {name:'idpaciente', index:'idpaciente', width:60, align:'right'}, 
      {name:'fechasolicitud', index:'fechasolicitud', width:80, align:'right', hidden:true}, 
      {name:'horasolicitud', index:'horasolicitud', width:65, align:'right'}, 
      {name:'tipo', index:'tipo', width:100, align:'right'},
	  {name:'especialidad', index:'especialidad', width:70, align:'right'},
	  {name:'procedencia', index:'procedencia', width:70, align:'right'},
	  {name:'observaciones', index:'observaciones', width:90, align:'right'},
	  {name:'usuarioa', index:'usuarioa', width:55, align:'right'},
	  {name:'usuarior', index:'usuarior', width:55, align:'right'},
	  {name:'hospedaje', index:'hospedaje', width:60, align:'right'},
	  {name:'cupoCR', index:'cupoCR', width:35, align:'center'},
    ],
    height: 'auto',
    toolbar:[true,"top"],
    pager: '#pager1',
    rowNum:20,
    rowList:[20,40,60],
    sortname: 'horasolicitud',
    sortorder: 'asc',
    viewrecords: true,
    gridview: true,
	width: 660,
    ondblClickRow: function(id){
        var val = jQuery(this).getRowData(id);
		var botones = document.getElementsByName("group1");
		var i;
		for(i=0;i<botones.length;i++) {
			if (botones[i].checked) {
				if (botones[i].value=="atender") {
					window.location = "acciones/editaSolicitud.php?ua="+"<?php echo $_SESSION["usuario"];?>"+"&id="+val['idpaciente']+"&f="+val['fechasolicitud']+"&h="+val['horasolicitud']; 
				}
			}
		}
    },
    caption: 'Solicitudes',
  }).navGrid('#pager1',{
     edit: false,
     add: false,
     del: false
 }); 
}); 
</script>
<div id="main_column">
	<div class="section_w701"><font size="6" face="arial"><b>Solicitudes registradas hoy:</b></font>  </div>    
    <?php
    if (isset($_SESSION['trabajadora']) && $_SESSION['trabajadora']){ ?>
        <div class="section_w702">
		 <center><b> 
        <span class="em_text"><font size=2 >Presione doble click sobre la solicitud que desea atender.</font></span>
        </b></center>
		<div align="center"><font size=2 >
                <input type="radio" name="group1" value="atender" checked > Atender.
				</font>
        </div>
		<table align="center" border="0"><tr><td>
			<table id="solicitudesGrid"><tr></tr></table> 
			<div id="pager1"></div> <p></p></td></tr>
		</table>
		
		</div> 
        <div id="pager"></div> <p></p>
    <?php } ?>
	
    <div class="margin_bottom_20"></div>
    <div class="cleaner"></div>
</div> <!-- end of main column -->
<!-- end of side column 1 -->     
<div class="side_column_w200">

    <!-- barra lateral -->
    <?php
    if (isset($_SESSION['admin'])){
        include 'sidebars/barraEnSesion.php';
         include 'sidebars/barraEnlaces.php';
    } else{
        include 'sidebars/barraInicioSesion.php';
        include 'sidebars/barraEnlaces.php';
    }
    ?>
</div> <!-- end of right side column -->
<div class="cleaner"></div>